<!-- @format -->

<script setup>
	import { reactive, ref } from 'vue'

	const colorStr = ref('red')
	const bgColor = ref('pink')

	const styleObj = reactive({
		color: 'blue',
		background: 'yellowgreen'
	})
</script>

<template>
	<p :style="{ color: colorStr, background: bgColor }">小比特</p>

	<p :style="styleObj">大梦想</p>
</template>

<style lang="scss"></style>
